@import "~taro-ui/dist/style/components/modal.scss";
.ApplyRefund {
    width: 100%;
    height: 100vh;
    background: var(--page-bg);
    
    .refund {
        width: 710px;
        margin-top: 20px;
    }
    .mt12{
        margin-top: 12px; 
    }
    .mt20{
        margin-top: 20px;
    }
    .mt24{
        margin-top: 24px;
    }
    .mt32{
        margin-top: 32px;
    }
    .arrow {
        width: 42px;
        height: 42px;
    }
    .opArea{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 120px;
        background: #fff;
        box-sizing: border-box;
        padding-top: 10px;
    }
    .remark {
        width: 710px;
        padding: 32px 20px;
        margin-bottom: 196px;
        .rebox{
            width: 100%;
            min-height: 140px;
            border-radius: 16px;
            box-sizing: border-box;
            .textarea{
                min-height: 40px;
                font-size: 24px;
                color: #333333;
                line-height: 33px;
            }
            .textPlaceHolder{
                font-size: 28px;
                color: #cccccc;
                line-height: 40px;
            }
            .num{
                font-size: 28px;
                color: #cccccc;
                line-height: 40px;
                margin: 12px 0 10px;
            }
        }
    }
}
